<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../../resources/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../../resources/css/pluginsExt/standard/standard.css" type="text/css">
    <link rel="stylesheet" href="../../resources/css/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../resources/css/plugins/bootstrap-fileinput/css/fileinput.min.css"/>
    <link rel="stylesheet" href="../../resources/css/style.css"/>
    <script src="../../resources/js/jquery-2.1.1.js"></script>
    <script src="../../resources/js/bootstrap/bootstrap.min.js"></script>
    <script src="../../resources/js/plugins/bootstrap-fileinput/fileinput.min.js"></script>
    <script src="../../resources/js/plugins/bootstrap-fileinput/locales/zh.js"></script>
    <style>
        @media (max-width: 767px){
            .hidden-xs {
                 display: inline-block!important;
            }
        }
        .ibox-content{
            padding: 0;
        }
        .ibox{
            margin-bottom: 0px;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <div id="page-wrapper" class="gray-bg">
            <div class="wrapper wrapper-content animated fadeInRight">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5 class="col-xs-10">外形</h5>
                                <div class="pull-right">
                                       <h5>评分系数:25%</h5>
                                </div>
                            </div>
                            <div id="ibconA" class="ibox-content collapse in">
                                <div class="well col-xs-12">
                                    <div class="form-group">
                                        <div class="col-xs-6">
                                            <label for="intro-0" class="col-xs-4 control-label"><h3>品质特征：</h3></label>
                                            <div class="col-xs-8">
                                                <textarea  id="intro-0" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="外形特征"></textarea>
                                            </div>
                                        </div>
                                       <div class="col-xs-6">
                                           <div class="form-group">
                                               <label for="file-0" class="col-xs-3 control-label"><h3>图片：</h3></label>
                                               <div class="col-xs-9">
                                                   <form enctype="multipart/form-data">
                                                       <input id="file-0" class="file" type="file"   data-min-file-count="1">
                                                       <br>
                                                   </form>
                                               </div>
                                           </div>
                                       </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5 class="col-xs-10">香气</h5>
                                <div class="pull-right">
                                       <h5>评分系数:10%</h5>
                                </div>
                            </div>
                            <div id="ibconB" class="ibox-content collapse in">
                                <div class="well col-xs-12">
                                    <div class="form-group">
                                        <div class="col-xs-6">
                                            <label for="intro-0" class="col-xs-4 control-label"><h3>品质特征：</h3></label>
                                            <div class="col-xs-8">
                                                <textarea  id="intro-1" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="香气特征"></textarea>
                                            </div>
                                        </div>
                                       <div class="col-xs-6">
                                           <div class="form-group">
                                               <label for="file-0" class="col-xs-3 control-label"><h3>图片：</h3></label>
                                               <div class="col-xs-9">
                                                   <form enctype="multipart/form-data">
                                                       <input id="file-1" class="file" type="file"   data-min-file-count="1">
                                                       <br>
                                                   </form>
                                               </div>
                                           </div>
                                       </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5 class="col-xs-10">滋味</h5>
                                <div class="pull-right">
                                    <h5>评分系数:30%</h5>
                                </div>
                            </div>
                            <div id="ibconC" class="ibox-content collapse in">
                                <div class="well col-xs-12">
                                    <div class="form-group">
                                        <div class="col-xs-6">
                                            <label for="intro-0" class="col-xs-4 control-label"><h3>品质特征：</h3></label>
                                            <div class="col-xs-8">
                                                <textarea  id="intro-2" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="滋味特征"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-xs-6">
                                            <div class="form-group">
                                                <label for="file-2" class="col-xs-3 control-label"><h3>图片：</h3></label>
                                                <div class="col-xs-9">
                                                    <form enctype="multipart/form-data">
                                                        <input id="file-2" class="file" type="file"   data-min-file-count="1">
                                                        <br>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5 class="col-xs-10">汤色</h5>
                                <div class="pull-right">
                                    <h5>评分系数:25%</h5>
                                </div>
                            </div>
                            <div id="ibconD" class="ibox-content collapse in">
                                <div class="well col-xs-12">
                                    <div class="form-group">
                                        <div class="col-xs-6">
                                            <label for="intro-0" class="col-xs-4 control-label"><h3>品质特征：</h3></label>
                                            <div class="col-xs-8">
                                                <textarea  id="intro-3" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="汤色特征"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-xs-6">
                                            <div class="form-group">
                                                <label for="file-3" class="col-xs-3 control-label"><h3>图片：</h3></label>
                                                <div class="col-xs-9">
                                                    <form enctype="multipart/form-data">
                                                        <input id="file-3" class="file" type="file"   data-min-file-count="1">
                                                        <br>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5 class="col-xs-10">叶底re</h5>
                                <div class="pull-right">
                                    <h5>评分系数:10%</h5>
                                </div>
                            </div>
                            <div id="ibconE" class="ibox-content collapse in">
                                <div class="well col-xs-12">
                                    <div class="form-group">
                                        <div class="col-xs-6">
                                            <label for="intro-0" class="col-xs-4 control-label"><h3>品质特征：</h3></label>
                                            <div class="col-xs-8">
                                                <textarea  id="intro-4" style="resize:none;" class="form-control" rows="12" name="intro" placeholder="叶底特征"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-xs-6">
                                            <div class="form-group">
                                                <label for="file-4" class="col-xs-3 control-label"><h3>图片：</h3></label>
                                                <div class="col-xs-9">
                                                    <form enctype="multipart/form-data">
                                                        <input id="file-4" class="file" type="file"   data-min-file-count="1">
                                                        <br>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    //配置上传图片
    var fileS=$(".file");
    //无图
    $(".file:odd").fileinput({
        'allowedFileExtensions' : ['jpg', 'png','gif'],
        uploadUrl: 'fileupload',
        language: 'zh',
        maxFileSize: 6000,
        maxFilesNum: 10,
        showClose : false,
        slugCallback: function(filename) {
            return filename.replace('(', '_').replace(']', '_');
        },
    })
    // 有图
    for(var i= 0;i<fileS.length;i++){
        $('#file-'+i).fileinput({
            'allowedFileExtensions' : ['jpg', 'png','gif'],
            uploadUrl: 'fileupload',
            language: 'zh',
            maxFileSize: 6000,
            maxFilesNum: 10,
            showClose : false,
            slugCallback: function(filename) {
                return filename.replace('(', '_').replace(']', '_');
            },
            initialPreview:"<img src='../../img/teaImg"+i+".jpg' width='180px'>"
        })
    }
//    $("#file-0").fileinput({
//        'allowedFileExtensions' : ['jpg', 'png','gif'],
//        uploadUrl: 'fileupload',
//        language: 'zh',
//        maxFileSize: 6000,
//        maxFilesNum: 10,
//        showClose : false,
//        slugCallback: function(filename) {
//            return filename.replace('(', '_').replace(']', '_');
//        },
//        initialPreview:"<img src='../../img/wx.jpg' width='300px'>"
//    })
    //收缩
    var toolsAss= $('.ibox-tools a');
    toolsAss.each(function(){
        $(this).click(function(){
            if($(this).attr('class')=='collapsed'){
                $(this).children().attr('class','fa fa-chevron-up')
            }else{
                $(this).children().attr('class','fa fa-chevron-down')
            }
        })
    })
    function he(){
        alert('he!!!!!!!!')
    }
</script>
</html>